{include file="common/header" /}


<div class="line mb50"></div>





<style>
    /*修改代码区域的样式*/
    .wp_syntax td.code{
      background-size:1px 52px;
    }
    
    .wp_syntax pre{
      line-height: 26px !important;
    }
    
    .wp_syntax{margin:1.5em 0px}
    
    .single{
      background: #ffffff;
      padding:20px;
      border-radius: 5px;
    }
    
    .entry-title{
      color:#333333
    }
    
    .entry-info{
      margin: 15px 0 0 0;
    }
    
    .entry-info ,.entry-info a,.entry-info span{
      color:#999999
    }
    
    .entry-main{
      margin-top: 30px;
      color:#666666;
      font-size: 16px;
    }
    
    .entry-main p{
      margin: 15px 0;
    
      line-height: 28px;
    }
    
    .entry-author{
      padding:20px;
      background: #ffffff;
      margin-top: 20px;
    }
    
    .entry-main-title{
      height:30px;
      line-height: 30px;
      border-left:3px solid #1162e8;
      padding-left: 15px;
      font-size: 18px;
    }
    
    .entry-author-main{
      display: flex;
      margin-top: 15px;
    }
    
    .entry-author-avatar{
      width:80px;
    }
    
    .entry-author-avatar img{
      width: 80px;
      height: 80px;
      border-radius: 40px;
    
    }
    
    .entry-author-content{
      flex-grow: 1;
      margin-left: 20px;
    }
    
    .entry-author-name{
      font-size:18px;
      color:#666666;
    }
    
    .entry-author-desc{
      font-size: 16px;
      color:#999999;
      margin-top: 15px;
      
    }
    
    .entry-item{
      border:1px solid #e5e5e5;
      border-radius: 7px;
      overflow: hidden;
    }
    
    .entry-item-image{
      display: block;
      overflow: hidden;
    }
    
    .entry-item-image img{
      display: block;
      height: 160px;
      width: 100%;
      border-top-left-radius: 7px;
      border-top-right-radius: 7px;
    }
    
    .entry-item-title{
      font-size: 16px;
      height:48px;
      line-height: 24px;
      margin: 10px;
      display: block;
    
    }
    
    .item-author{
      padding:10px;
      border-top:1px solid #e5e5e5;
      color:#999999;
      font-size: 12px;
    }
    
    </style>
    
    <div class="w1200" style="padding-bottom:80px">
      <div class="layui-row layui-col-space15">
        <div class="layui-col-lg9">
    
          <div class="single">
            <h1 class="entry-title">{$artical.title}</h1>
    
            <div class="entry-info">
              <a href="">{$artical.nickname}</a> • 
              <span>{$artical.create_time}</span> • 
              <span>阅读:{$artical.readnum}</span>
            </div>
    
            <div class="entry-main">
                {$artical.content|raw}
            </div>
          </div>
    
          <div class="entry-author">
            <div class="entry-main-title">关于作者</div>
            <div class="entry-author-main">
              <div class="entry-author-avatar">
                <img src="/zhcms/homeImage/user.jpg">
              </div>
              <div class="entry-author-content">
                <div class="entry-author-name">{$artical.nickname}</div>
                <div class="entry-author-desc">世界上只有一种真正的英雄主义，就是认清了生活的真相后还依然热爱生活。</div>
              </div>
            </div>
          </div>

          <div class="entry-author">
    
            <div class="entry-main-title">相关推荐</div>
    
            <div class="layui-row layui-col-space20 mt15">
                {volist name='list' id='vo'}
                <div class="layui-col-lg4">
                <div class="entry-item">
                    <a href="{:url('/index/artical',['id'=>$vo.id])}" class="entry-item-image" target="_blank"><img src="{$vo.cover}" class="hvr-grow-shadow" /></a>
                    <div class="entry-box">
                    <a href="{:url('/index/artical',['id'=>$vo.id])}" class="entry-item-title" target="_blank">{$vo.title}</a>
                    <div class="layui-row item-author">
                        <div class="layui-col-lg6">{$vo.nickname}</div>
                        <div class="layui-col-lg6 fn-txr">{$vo.create_time}</div>
                    </div>
                    </div>
                </div>
                </div>
                {/volist}
            </div>
    
          </div>
    
    
    
    
    
    
        </div>


        <div class="layui-col-lg3">
          
          {include file="common/author_other" /}
    
          <div class="mt20">
            {include file="common/recommend" /}
          </div>
    
    
        </div>
      </div>

    </div>
    
    
    {include file="common/footer" /}